
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cunchu"></use>
                    </svg>
                    <div class="name">存储</div>
                    <div class="fontclass">#kfb-icon-cunchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bianji2"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#kfb-icon-bianji2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-fuwu"></use>
                    </svg>
                    <div class="name">服务</div>
                    <div class="fontclass">#kfb-icon-fuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cunchujuan"></use>
                    </svg>
                    <div class="name">存储卷</div>
                    <div class="fontclass">#kfb-icon-cunchujuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-dengdai"></use>
                    </svg>
                    <div class="name">等待</div>
                    <div class="fontclass">#kfb-icon-dengdai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-fuzaijunheng"></use>
                    </svg>
                    <div class="name">负载均衡</div>
                    <div class="fontclass">#kfb-icon-fuzaijunheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gailan"></use>
                    </svg>
                    <div class="name">概览</div>
                    <div class="fontclass">#kfb-icon-gailan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gongchengguanli"></use>
                    </svg>
                    <div class="name">工程管理</div>
                    <div class="fontclass">#kfb-icon-gongchengguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gonggao"></use>
                    </svg>
                    <div class="name">公告</div>
                    <div class="fontclass">#kfb-icon-gonggao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gongdan"></use>
                    </svg>
                    <div class="name">工单</div>
                    <div class="fontclass">#kfb-icon-gongdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gaojing"></use>
                    </svg>
                    <div class="name">告警</div>
                    <div class="fontclass">#kfb-icon-gaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-huaban"></use>
                    </svg>
                    <div class="name">画板 37</div>
                    <div class="fontclass">#kfb-icon-huaban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-huaban1"></use>
                    </svg>
                    <div class="name">下线</div>
                    <div class="fontclass">#kfb-icon-huaban1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jiankong"></use>
                    </svg>
                    <div class="name">监控</div>
                    <div class="fontclass">#kfb-icon-jiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-huifubeifen"></use>
                    </svg>
                    <div class="name">恢复备份</div>
                    <div class="fontclass">#kfb-icon-huifubeifen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jianqu"></use>
                    </svg>
                    <div class="name">减去</div>
                    <div class="fontclass">#kfb-icon-jianqu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jinggao"></use>
                    </svg>
                    <div class="name">警告</div>
                    <div class="fontclass">#kfb-icon-jinggao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jingxiang"></use>
                    </svg>
                    <div class="name">镜像</div>
                    <div class="fontclass">#kfb-icon-jingxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-quxiao"></use>
                    </svg>
                    <div class="name">取消</div>
                    <div class="fontclass">#kfb-icon-quxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-neicun"></use>
                    </svg>
                    <div class="name">内存</div>
                    <div class="fontclass">#kfb-icon-neicun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-queding"></use>
                    </svg>
                    <div class="name">确定</div>
                    <div class="fontclass">#kfb-icon-queding</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-rongliangguanli"></use>
                    </svg>
                    <div class="name">容量管理</div>
                    <div class="fontclass">#kfb-icon-rongliangguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shanchu1"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#kfb-icon-shanchu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-rizhi"></use>
                    </svg>
                    <div class="name">日志</div>
                    <div class="fontclass">#kfb-icon-rizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shangxian"></use>
                    </svg>
                    <div class="name">上线</div>
                    <div class="fontclass">#kfb-icon-shangxian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shouqi"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#kfb-icon-shouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-tianjia1"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#kfb-icon-tianjia1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-tishi"></use>
                    </svg>
                    <div class="name">提示</div>
                    <div class="fontclass">#kfb-icon-tishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-waicengfanghuoqiang"></use>
                    </svg>
                    <div class="name">外层防火墙</div>
                    <div class="fontclass">#kfb-icon-waicengfanghuoqiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wangluo"></use>
                    </svg>
                    <div class="name">网络</div>
                    <div class="fontclass">#kfb-icon-wangluo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wenjian"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#kfb-icon-wenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangyou1"></use>
                    </svg>
                    <div class="name">向右</div>
                    <div class="fontclass">#kfb-icon-xiangyou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wenjianjiazhankai"></use>
                    </svg>
                    <div class="name">文件夹展开</div>
                    <div class="fontclass">#kfb-icon-wenjianjiazhankai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangyoufanye"></use>
                    </svg>
                    <div class="name">向右翻页</div>
                    <div class="fontclass">#kfb-icon-xiangyoufanye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wenjianjia-shouqi"></use>
                    </svg>
                    <div class="name">文件夹-收起</div>
                    <div class="fontclass">#kfb-icon-wenjianjia-shouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangzuo1"></use>
                    </svg>
                    <div class="name">向左</div>
                    <div class="fontclass">#kfb-icon-xiangzuo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangzuofanye"></use>
                    </svg>
                    <div class="name">向左翻页</div>
                    <div class="fontclass">#kfb-icon-xiangzuofanye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yewuxitong"></use>
                    </svg>
                    <div class="name">业务系统</div>
                    <div class="fontclass">#kfb-icon-yewuxitong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiaoxi"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#kfb-icon-xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yingyong"></use>
                    </svg>
                    <div class="name">应用</div>
                    <div class="fontclass">#kfb-icon-yingyong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yonghuguanli"></use>
                    </svg>
                    <div class="name">用户管理</div>
                    <div class="fontclass">#kfb-icon-yonghuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shangchuan"></use>
                    </svg>
                    <div class="name">上传</div>
                    <div class="fontclass">#kfb-icon-shangchuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yunyingliucheng"></use>
                    </svg>
                    <div class="name">运营流程</div>
                    <div class="fontclass">#kfb-icon-yunyingliucheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yunyingfenxi"></use>
                    </svg>
                    <div class="name">运营分析</div>
                    <div class="fontclass">#kfb-icon-yunyingfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zhankai"></use>
                    </svg>
                    <div class="name">展开</div>
                    <div class="fontclass">#kfb-icon-zhankai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zanting"></use>
                    </svg>
                    <div class="name">暂停</div>
                    <div class="fontclass">#kfb-icon-zanting</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zhongzhi"></use>
                    </svg>
                    <div class="name">终止</div>
                    <div class="fontclass">#kfb-icon-zhongzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-ziyuanchi"></use>
                    </svg>
                    <div class="name">资源池</div>
                    <div class="fontclass">#kfb-icon-ziyuanchi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-ziyuanguanli"></use>
                    </svg>
                    <div class="name">资源管理</div>
                    <div class="fontclass">#kfb-icon-ziyuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zhongjianjian"></use>
                    </svg>
                    <div class="name">中间件</div>
                    <div class="fontclass">#kfb-icon-zhongjianjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-ziyuanfenxi"></use>
                    </svg>
                    <div class="name">资源分析</div>
                    <div class="fontclass">#kfb-icon-ziyuanfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test"></use>
                    </svg>
                    <div class="name">3</div>
                    <div class="fontclass">#kfb-icon-icon-test</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test1"></use>
                    </svg>
                    <div class="name">2</div>
                    <div class="fontclass">#kfb-icon-icon-test1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test2"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#kfb-icon-icon-test2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test3"></use>
                    </svg>
                    <div class="name">6</div>
                    <div class="fontclass">#kfb-icon-icon-test3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test4"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#kfb-icon-icon-test4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test5"></use>
                    </svg>
                    <div class="name">5</div>
                    <div class="fontclass">#kfb-icon-icon-test5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test6"></use>
                    </svg>
                    <div class="name">8</div>
                    <div class="fontclass">#kfb-icon-icon-test6</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test7"></use>
                    </svg>
                    <div class="name">7</div>
                    <div class="fontclass">#kfb-icon-icon-test7</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test8"></use>
                    </svg>
                    <div class="name">10</div>
                    <div class="fontclass">#kfb-icon-icon-test8</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test9"></use>
                    </svg>
                    <div class="name">日历</div>
                    <div class="fontclass">#kfb-icon-icon-test9</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test10"></use>
                    </svg>
                    <div class="name">9</div>
                    <div class="fontclass">#kfb-icon-icon-test10</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test11"></use>
                    </svg>
                    <div class="name">11</div>
                    <div class="fontclass">#kfb-icon-icon-test11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test12"></use>
                    </svg>
                    <div class="name">15</div>
                    <div class="fontclass">#kfb-icon-icon-test12</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test13"></use>
                    </svg>
                    <div class="name">14</div>
                    <div class="fontclass">#kfb-icon-icon-test13</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test14"></use>
                    </svg>
                    <div class="name">16</div>
                    <div class="fontclass">#kfb-icon-icon-test14</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test15"></use>
                    </svg>
                    <div class="name">13</div>
                    <div class="fontclass">#kfb-icon-icon-test15</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test16"></use>
                    </svg>
                    <div class="name">17</div>
                    <div class="fontclass">#kfb-icon-icon-test16</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test17"></use>
                    </svg>
                    <div class="name">18</div>
                    <div class="fontclass">#kfb-icon-icon-test17</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test18"></use>
                    </svg>
                    <div class="name">19</div>
                    <div class="fontclass">#kfb-icon-icon-test18</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test19"></use>
                    </svg>
                    <div class="name">21</div>
                    <div class="fontclass">#kfb-icon-icon-test19</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test20"></use>
                    </svg>
                    <div class="name">22</div>
                    <div class="fontclass">#kfb-icon-icon-test20</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test21"></use>
                    </svg>
                    <div class="name">23</div>
                    <div class="fontclass">#kfb-icon-icon-test21</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test22"></use>
                    </svg>
                    <div class="name">24</div>
                    <div class="fontclass">#kfb-icon-icon-test22</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test23"></use>
                    </svg>
                    <div class="name">26</div>
                    <div class="fontclass">#kfb-icon-icon-test23</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test24"></use>
                    </svg>
                    <div class="name">20</div>
                    <div class="fontclass">#kfb-icon-icon-test24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test25"></use>
                    </svg>
                    <div class="name">27</div>
                    <div class="fontclass">#kfb-icon-icon-test25</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test26"></use>
                    </svg>
                    <div class="name">25</div>
                    <div class="fontclass">#kfb-icon-icon-test26</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test27"></use>
                    </svg>
                    <div class="name">28</div>
                    <div class="fontclass">#kfb-icon-icon-test27</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test28"></use>
                    </svg>
                    <div class="name">30</div>
                    <div class="fontclass">#kfb-icon-icon-test28</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test29"></use>
                    </svg>
                    <div class="name">29</div>
                    <div class="fontclass">#kfb-icon-icon-test29</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test30"></use>
                    </svg>
                    <div class="name">31</div>
                    <div class="fontclass">#kfb-icon-icon-test30</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test31"></use>
                    </svg>
                    <div class="name">32</div>
                    <div class="fontclass">#kfb-icon-icon-test31</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test32"></use>
                    </svg>
                    <div class="name">34</div>
                    <div class="fontclass">#kfb-icon-icon-test32</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test33"></use>
                    </svg>
                    <div class="name">33</div>
                    <div class="fontclass">#kfb-icon-icon-test33</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test34"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#kfb-icon-icon-test34</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test35"></use>
                    </svg>
                    <div class="name">灯泡</div>
                    <div class="fontclass">#kfb-icon-icon-test35</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test36"></use>
                    </svg>
                    <div class="name">37</div>
                    <div class="fontclass">#kfb-icon-icon-test36</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test37"></use>
                    </svg>
                    <div class="name">38</div>
                    <div class="fontclass">#kfb-icon-icon-test37</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test38"></use>
                    </svg>
                    <div class="name">39</div>
                    <div class="fontclass">#kfb-icon-icon-test38</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test39"></use>
                    </svg>
                    <div class="name">40</div>
                    <div class="fontclass">#kfb-icon-icon-test39</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test40"></use>
                    </svg>
                    <div class="name">42</div>
                    <div class="fontclass">#kfb-icon-icon-test40</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test41"></use>
                    </svg>
                    <div class="name">41</div>
                    <div class="fontclass">#kfb-icon-icon-test41</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test42"></use>
                    </svg>
                    <div class="name">43</div>
                    <div class="fontclass">#kfb-icon-icon-test42</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test43"></use>
                    </svg>
                    <div class="name">44</div>
                    <div class="fontclass">#kfb-icon-icon-test43</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test44"></use>
                    </svg>
                    <div class="name">45</div>
                    <div class="fontclass">#kfb-icon-icon-test44</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test45"></use>
                    </svg>
                    <div class="name">46</div>
                    <div class="fontclass">#kfb-icon-icon-test45</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test46"></use>
                    </svg>
                    <div class="name">47</div>
                    <div class="fontclass">#kfb-icon-icon-test46</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test47"></use>
                    </svg>
                    <div class="name">密码</div>
                    <div class="fontclass">#kfb-icon-icon-test47</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test48"></use>
                    </svg>
                    <div class="name">50</div>
                    <div class="fontclass">#kfb-icon-icon-test48</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test49"></use>
                    </svg>
                    <div class="name">51</div>
                    <div class="fontclass">#kfb-icon-icon-test49</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test50"></use>
                    </svg>
                    <div class="name">52</div>
                    <div class="fontclass">#kfb-icon-icon-test50</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test51"></use>
                    </svg>
                    <div class="name">48</div>
                    <div class="fontclass">#kfb-icon-icon-test51</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test52"></use>
                    </svg>
                    <div class="name">53</div>
                    <div class="fontclass">#kfb-icon-icon-test52</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test53"></use>
                    </svg>
                    <div class="name">54</div>
                    <div class="fontclass">#kfb-icon-icon-test53</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test54"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#kfb-icon-icon-test54</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test55"></use>
                    </svg>
                    <div class="name">56</div>
                    <div class="fontclass">#kfb-icon-icon-test55</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test56"></use>
                    </svg>
                    <div class="name">57</div>
                    <div class="fontclass">#kfb-icon-icon-test56</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test57"></use>
                    </svg>
                    <div class="name">58</div>
                    <div class="fontclass">#kfb-icon-icon-test57</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test58"></use>
                    </svg>
                    <div class="name">59</div>
                    <div class="fontclass">#kfb-icon-icon-test58</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test59"></use>
                    </svg>
                    <div class="name">60</div>
                    <div class="fontclass">#kfb-icon-icon-test59</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test60"></use>
                    </svg>
                    <div class="name">61</div>
                    <div class="fontclass">#kfb-icon-icon-test60</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test61"></use>
                    </svg>
                    <div class="name">62</div>
                    <div class="fontclass">#kfb-icon-icon-test61</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test62"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#kfb-icon-icon-test62</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test63"></use>
                    </svg>
                    <div class="name">64</div>
                    <div class="fontclass">#kfb-icon-icon-test63</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test64"></use>
                    </svg>
                    <div class="name">65</div>
                    <div class="fontclass">#kfb-icon-icon-test64</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test65"></use>
                    </svg>
                    <div class="name">67</div>
                    <div class="fontclass">#kfb-icon-icon-test65</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test66"></use>
                    </svg>
                    <div class="name">66</div>
                    <div class="fontclass">#kfb-icon-icon-test66</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test67"></use>
                    </svg>
                    <div class="name">68</div>
                    <div class="fontclass">#kfb-icon-icon-test67</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test68"></use>
                    </svg>
                    <div class="name">69</div>
                    <div class="fontclass">#kfb-icon-icon-test68</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test69"></use>
                    </svg>
                    <div class="name">70</div>
                    <div class="fontclass">#kfb-icon-icon-test69</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test70"></use>
                    </svg>
                    <div class="name">71</div>
                    <div class="fontclass">#kfb-icon-icon-test70</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test71"></use>
                    </svg>
                    <div class="name">72</div>
                    <div class="fontclass">#kfb-icon-icon-test71</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test72"></use>
                    </svg>
                    <div class="name">73</div>
                    <div class="fontclass">#kfb-icon-icon-test72</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test73"></use>
                    </svg>
                    <div class="name">74</div>
                    <div class="fontclass">#kfb-icon-icon-test73</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test74"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#kfb-icon-icon-test74</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test75"></use>
                    </svg>
                    <div class="name">76</div>
                    <div class="fontclass">#kfb-icon-icon-test75</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test76"></use>
                    </svg>
                    <div class="name">77</div>
                    <div class="fontclass">#kfb-icon-icon-test76</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test77"></use>
                    </svg>
                    <div class="name">78</div>
                    <div class="fontclass">#kfb-icon-icon-test77</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test78"></use>
                    </svg>
                    <div class="name">79</div>
                    <div class="fontclass">#kfb-icon-icon-test78</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test79"></use>
                    </svg>
                    <div class="name">80</div>
                    <div class="fontclass">#kfb-icon-icon-test79</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test80"></use>
                    </svg>
                    <div class="name">81</div>
                    <div class="fontclass">#kfb-icon-icon-test80</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test81"></use>
                    </svg>
                    <div class="name">82</div>
                    <div class="fontclass">#kfb-icon-icon-test81</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test82"></use>
                    </svg>
                    <div class="name">83</div>
                    <div class="fontclass">#kfb-icon-icon-test82</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test83"></use>
                    </svg>
                    <div class="name">84</div>
                    <div class="fontclass">#kfb-icon-icon-test83</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test84"></use>
                    </svg>
                    <div class="name">85</div>
                    <div class="fontclass">#kfb-icon-icon-test84</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test85"></use>
                    </svg>
                    <div class="name">86</div>
                    <div class="fontclass">#kfb-icon-icon-test85</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test86"></use>
                    </svg>
                    <div class="name">87</div>
                    <div class="fontclass">#kfb-icon-icon-test86</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test87"></use>
                    </svg>
                    <div class="name">89</div>
                    <div class="fontclass">#kfb-icon-icon-test87</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test88"></use>
                    </svg>
                    <div class="name">88</div>
                    <div class="fontclass">#kfb-icon-icon-test88</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-icon-test89"></use>
                    </svg>
                    <div class="name">90</div>
                    <div class="fontclass">#kfb-icon-icon-test89</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-baocun"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#kfb-icon-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bianji"></use>
                    </svg>
                    <div class="name">编辑2</div>
                    <div class="fontclass">#kfb-icon-bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bianji1"></use>
                    </svg>
                    <div class="name">编辑1</div>
                    <div class="fontclass">#kfb-icon-bianji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cuowushixin"></use>
                    </svg>
                    <div class="name">错误实心</div>
                    <div class="fontclass">#kfb-icon-cuowushixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-biyanbukejian"></use>
                    </svg>
                    <div class="name">闭眼／不可见</div>
                    <div class="fontclass">#kfb-icon-biyanbukejian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cuo"></use>
                    </svg>
                    <div class="name">错</div>
                    <div class="fontclass">#kfb-icon-cuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-dayin"></use>
                    </svg>
                    <div class="name">打印</div>
                    <div class="fontclass">#kfb-icon-dayin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gantanhaoshixin"></use>
                    </svg>
                    <div class="name">感叹号实心</div>
                    <div class="fontclass">#kfb-icon-gantanhaoshixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#kfb-icon-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gantanhaokongxin"></use>
                    </svg>
                    <div class="name">感叹号空心</div>
                    <div class="fontclass">#kfb-icon-gantanhaokongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jianshao"></use>
                    </svg>
                    <div class="name">减少</div>
                    <div class="fontclass">#kfb-icon-jianshao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-dui"></use>
                    </svg>
                    <div class="name">对</div>
                    <div class="fontclass">#kfb-icon-dui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jiesuo"></use>
                    </svg>
                    <div class="name">解锁</div>
                    <div class="fontclass">#kfb-icon-jiesuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-jiaoyiguanli"></use>
                    </svg>
                    <div class="name">交易管理</div>
                    <div class="fontclass">#kfb-icon-jiaoyiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#kfb-icon-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-kehuxinxiliebiao"></use>
                    </svg>
                    <div class="name">客户信息列表</div>
                    <div class="fontclass">#kfb-icon-kehuxinxiliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-lajitong"></use>
                    </svg>
                    <div class="name">垃圾桶</div>
                    <div class="fontclass">#kfb-icon-lajitong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-rili"></use>
                    </svg>
                    <div class="name">日历</div>
                    <div class="fontclass">#kfb-icon-rili</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shang"></use>
                    </svg>
                    <div class="name">上</div>
                    <div class="fontclass">#kfb-icon-shang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shouyi"></use>
                    </svg>
                    <div class="name">收益</div>
                    <div class="fontclass">#kfb-icon-shouyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shouye"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#kfb-icon-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#kfb-icon-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shenyueliebiao"></use>
                    </svg>
                    <div class="name">审阅／列表</div>
                    <div class="fontclass">#kfb-icon-shenyueliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-sousuo"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#kfb-icon-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-suoding"></use>
                    </svg>
                    <div class="name">锁定</div>
                    <div class="fontclass">#kfb-icon-suoding</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-tianjia"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#kfb-icon-tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-tianjiayonghu"></use>
                    </svg>
                    <div class="name">添加用户</div>
                    <div class="fontclass">#kfb-icon-tianjiayonghu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-tianjiagoutong"></use>
                    </svg>
                    <div class="name">添加沟通</div>
                    <div class="fontclass">#kfb-icon-tianjiagoutong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-touhoubaogao"></use>
                    </svg>
                    <div class="name">投后报告</div>
                    <div class="fontclass">#kfb-icon-touhoubaogao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-touhou"></use>
                    </svg>
                    <div class="name">投后</div>
                    <div class="fontclass">#kfb-icon-touhou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wenjianguanli"></use>
                    </svg>
                    <div class="name">文件管理</div>
                    <div class="fontclass">#kfb-icon-wenjianguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xia"></use>
                    </svg>
                    <div class="name">下</div>
                    <div class="fontclass">#kfb-icon-xia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiazai"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#kfb-icon-xiazai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wenhaoshixin"></use>
                    </svg>
                    <div class="name">问号实心</div>
                    <div class="fontclass">#kfb-icon-wenhaoshixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangshang"></use>
                    </svg>
                    <div class="name">向上</div>
                    <div class="fontclass">#kfb-icon-xiangshang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangxia"></use>
                    </svg>
                    <div class="name">向下</div>
                    <div class="fontclass">#kfb-icon-xiangxia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wenhaokongxin"></use>
                    </svg>
                    <div class="name">问号空心</div>
                    <div class="fontclass">#kfb-icon-wenhaokongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangzuo"></use>
                    </svg>
                    <div class="name">向左</div>
                    <div class="fontclass">#kfb-icon-xiangzuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiangyou"></use>
                    </svg>
                    <div class="name">向右</div>
                    <div class="fontclass">#kfb-icon-xiangyou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-xiugai"></use>
                    </svg>
                    <div class="name">修改</div>
                    <div class="fontclass">#kfb-icon-xiugai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yonghu"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#kfb-icon-yonghu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-youjian"></use>
                    </svg>
                    <div class="name">邮件</div>
                    <div class="fontclass">#kfb-icon-youjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yonghuzu"></use>
                    </svg>
                    <div class="name">用户组</div>
                    <div class="fontclass">#kfb-icon-yonghuzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-youxiaode"></use>
                    </svg>
                    <div class="name">有效的</div>
                    <div class="fontclass">#kfb-icon-youxiaode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-you"></use>
                    </svg>
                    <div class="name">右</div>
                    <div class="fontclass">#kfb-icon-you</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zengjia"></use>
                    </svg>
                    <div class="name">增加</div>
                    <div class="fontclass">#kfb-icon-zengjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zhengqueshixin"></use>
                    </svg>
                    <div class="name">正确实心</div>
                    <div class="fontclass">#kfb-icon-zhengqueshixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zhengyanchakan"></use>
                    </svg>
                    <div class="name">睁眼／查看</div>
                    <div class="fontclass">#kfb-icon-zhengyanchakan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zichanpeizhi"></use>
                    </svg>
                    <div class="name">资产配置</div>
                    <div class="fontclass">#kfb-icon-zichanpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-zuo"></use>
                    </svg>
                    <div class="name">左</div>
                    <div class="fontclass">#kfb-icon-zuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-fuxuankuangweixuanzhuangtai"></use>
                    </svg>
                    <div class="name">复选框未选状态</div>
                    <div class="fontclass">#kfb-icon-fuxuankuangweixuanzhuangtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-fuxuankuangxuanzezhuangtai"></use>
                    </svg>
                    <div class="name">复选框选择状态</div>
                    <div class="fontclass">#kfb-icon-fuxuankuangxuanzezhuangtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-danxuankuangxuanzezhuangtai"></use>
                    </svg>
                    <div class="name">单选框选择状态</div>
                    <div class="fontclass">#kfb-icon-danxuankuangxuanzezhuangtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-danxuankuangweixuanzhuangtai"></use>
                    </svg>
                    <div class="name">单选框未选状态</div>
                    <div class="fontclass">#kfb-icon-danxuankuangweixuanzhuangtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-daochu"></use>
                    </svg>
                    <div class="name">导出</div>
                    <div class="fontclass">#kfb-icon-daochu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shangchuanfujian"></use>
                    </svg>
                    <div class="name">上传附件</div>
                    <div class="fontclass">#kfb-icon-shangchuanfujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-quanqiu"></use>
                    </svg>
                    <div class="name">全球</div>
                    <div class="fontclass">#kfb-icon-quanqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gongwenbao"></use>
                    </svg>
                    <div class="name">公文包</div>
                    <div class="fontclass">#kfb-icon-gongwenbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-yinhangqia"></use>
                    </svg>
                    <div class="name">银行卡</div>
                    <div class="fontclass">#kfb-icon-yinhangqia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-dingweiweizhi"></use>
                    </svg>
                    <div class="name">定位／位置</div>
                    <div class="fontclass">#kfb-icon-dingweiweizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-ditu"></use>
                    </svg>
                    <div class="name">地图</div>
                    <div class="fontclass">#kfb-icon-ditu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-quanqiujinrong"></use>
                    </svg>
                    <div class="name">全球金融</div>
                    <div class="fontclass">#kfb-icon-quanqiujinrong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-goutongduihua"></use>
                    </svg>
                    <div class="name">沟通／对话</div>
                    <div class="fontclass">#kfb-icon-goutongduihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-activity"></use>
                    </svg>
                    <div class="name">activity</div>
                    <div class="fontclass">#kfb-icon-activity</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-back-outline"></use>
                    </svg>
                    <div class="name">arrow-back-outline</div>
                    <div class="fontclass">#kfb-icon-arrow-back-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-circle-left-ou"></use>
                    </svg>
                    <div class="name">arrow-circle-left-ou</div>
                    <div class="fontclass">#kfb-icon-arrow-circle-left-ou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-alert-circle-outline"></use>
                    </svg>
                    <div class="name">alert-circle-outline</div>
                    <div class="fontclass">#kfb-icon-alert-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-alert-triangle-outli"></use>
                    </svg>
                    <div class="name">alert-triangle-outli</div>
                    <div class="fontclass">#kfb-icon-alert-triangle-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-circle-down-ou"></use>
                    </svg>
                    <div class="name">arrow-circle-down-ou</div>
                    <div class="fontclass">#kfb-icon-arrow-circle-down-ou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-circle-right-o"></use>
                    </svg>
                    <div class="name">arrow-circle-right-o</div>
                    <div class="fontclass">#kfb-icon-arrow-circle-right-o</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-circle-up-outl"></use>
                    </svg>
                    <div class="name">arrow-circle-up-outl</div>
                    <div class="fontclass">#kfb-icon-arrow-circle-up-outl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-down-outline"></use>
                    </svg>
                    <div class="name">arrow-down-outline</div>
                    <div class="fontclass">#kfb-icon-arrow-down-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-downward-outli"></use>
                    </svg>
                    <div class="name">arrow-downward-outli</div>
                    <div class="fontclass">#kfb-icon-arrow-downward-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-forward-outlin"></use>
                    </svg>
                    <div class="name">arrow-forward-outlin</div>
                    <div class="fontclass">#kfb-icon-arrow-forward-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-ios-forward-ou"></use>
                    </svg>
                    <div class="name">arrow-ios-forward-ou</div>
                    <div class="fontclass">#kfb-icon-arrow-ios-forward-ou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-ios-upward-out"></use>
                    </svg>
                    <div class="name">arrow-ios-upward-out</div>
                    <div class="fontclass">#kfb-icon-arrow-ios-upward-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-ios-back-outli"></use>
                    </svg>
                    <div class="name">arrow-ios-back-outli</div>
                    <div class="fontclass">#kfb-icon-arrow-ios-back-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-ios-downward-o"></use>
                    </svg>
                    <div class="name">arrow-ios-downward-o</div>
                    <div class="fontclass">#kfb-icon-arrow-ios-downward-o</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-left-outline"></use>
                    </svg>
                    <div class="name">arrow-left-outline</div>
                    <div class="fontclass">#kfb-icon-arrow-left-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-upward-outline"></use>
                    </svg>
                    <div class="name">arrow-upward-outline</div>
                    <div class="fontclass">#kfb-icon-arrow-upward-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrowhead-down-outli"></use>
                    </svg>
                    <div class="name">arrowhead-down-outli</div>
                    <div class="fontclass">#kfb-icon-arrowhead-down-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-up-outline"></use>
                    </svg>
                    <div class="name">arrow-up-outline</div>
                    <div class="fontclass">#kfb-icon-arrow-up-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrow-right-outline"></use>
                    </svg>
                    <div class="name">arrow-right-outline</div>
                    <div class="fontclass">#kfb-icon-arrow-right-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrowhead-left-outli"></use>
                    </svg>
                    <div class="name">arrowhead-left-outli</div>
                    <div class="fontclass">#kfb-icon-arrowhead-left-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-at-outline"></use>
                    </svg>
                    <div class="name">at-outline</div>
                    <div class="fontclass">#kfb-icon-at-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-attach--outline"></use>
                    </svg>
                    <div class="name">attach-2-outline</div>
                    <div class="fontclass">#kfb-icon-attach--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrowhead-right-outl"></use>
                    </svg>
                    <div class="name">arrowhead-right-outl</div>
                    <div class="fontclass">#kfb-icon-arrowhead-right-outl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-arrowhead-up-outline"></use>
                    </svg>
                    <div class="name">arrowhead-up-outline</div>
                    <div class="fontclass">#kfb-icon-arrowhead-up-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-attach-outline"></use>
                    </svg>
                    <div class="name">attach-outline</div>
                    <div class="fontclass">#kfb-icon-attach-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-archive-outline"></use>
                    </svg>
                    <div class="name">archive-outline</div>
                    <div class="fontclass">#kfb-icon-archive-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-award-outline"></use>
                    </svg>
                    <div class="name">award-outline</div>
                    <div class="fontclass">#kfb-icon-award-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-backspace-outline"></use>
                    </svg>
                    <div class="name">backspace-outline</div>
                    <div class="fontclass">#kfb-icon-backspace-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bar-chart--outline"></use>
                    </svg>
                    <div class="name">bar-chart-2-outline</div>
                    <div class="fontclass">#kfb-icon-bar-chart--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-behance-outline"></use>
                    </svg>
                    <div class="name">behance-outline</div>
                    <div class="fontclass">#kfb-icon-behance-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bar-chart-outline"></use>
                    </svg>
                    <div class="name">bar-chart-outline</div>
                    <div class="fontclass">#kfb-icon-bar-chart-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bell-off-outline"></use>
                    </svg>
                    <div class="name">bell-off-outline</div>
                    <div class="fontclass">#kfb-icon-bell-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bluetooth-outline"></use>
                    </svg>
                    <div class="name">bluetooth-outline</div>
                    <div class="fontclass">#kfb-icon-bluetooth-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bell-outline"></use>
                    </svg>
                    <div class="name">bell-outline</div>
                    <div class="fontclass">#kfb-icon-bell-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-book-outline"></use>
                    </svg>
                    <div class="name">book-outline</div>
                    <div class="fontclass">#kfb-icon-book-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-book-open-outline"></use>
                    </svg>
                    <div class="name">book-open-outline</div>
                    <div class="fontclass">#kfb-icon-book-open-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bookmark-outline"></use>
                    </svg>
                    <div class="name">bookmark-outline</div>
                    <div class="fontclass">#kfb-icon-bookmark-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-browser-outline"></use>
                    </svg>
                    <div class="name">browser-outline</div>
                    <div class="fontclass">#kfb-icon-browser-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-briefcase-outline"></use>
                    </svg>
                    <div class="name">briefcase-outline</div>
                    <div class="fontclass">#kfb-icon-briefcase-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-bulb-outline"></use>
                    </svg>
                    <div class="name">bulb-outline</div>
                    <div class="fontclass">#kfb-icon-bulb-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-brush-outline"></use>
                    </svg>
                    <div class="name">brush-outline</div>
                    <div class="fontclass">#kfb-icon-brush-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-battery-outline"></use>
                    </svg>
                    <div class="name">battery-outline</div>
                    <div class="fontclass">#kfb-icon-battery-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-calendar-outline"></use>
                    </svg>
                    <div class="name">calendar-outline</div>
                    <div class="fontclass">#kfb-icon-calendar-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-car-outline"></use>
                    </svg>
                    <div class="name">car-outline</div>
                    <div class="fontclass">#kfb-icon-car-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-camera-outline"></use>
                    </svg>
                    <div class="name">camera-outline</div>
                    <div class="fontclass">#kfb-icon-camera-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cast-outline"></use>
                    </svg>
                    <div class="name">cast-outline</div>
                    <div class="fontclass">#kfb-icon-cast-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-charging-outline"></use>
                    </svg>
                    <div class="name">charging-outline</div>
                    <div class="fontclass">#kfb-icon-charging-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-checkmark-outline"></use>
                    </svg>
                    <div class="name">checkmark-outline</div>
                    <div class="fontclass">#kfb-icon-checkmark-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-checkmark-circle--o"></use>
                    </svg>
                    <div class="name">checkmark-circle-2-o</div>
                    <div class="fontclass">#kfb-icon-checkmark-circle--o</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-checkmark-circle-out"></use>
                    </svg>
                    <div class="name">checkmark-circle-out</div>
                    <div class="fontclass">#kfb-icon-checkmark-circle-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-checkmark-square--o"></use>
                    </svg>
                    <div class="name">checkmark-square-2-o</div>
                    <div class="fontclass">#kfb-icon-checkmark-square--o</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-chevron-down-outline"></use>
                    </svg>
                    <div class="name">chevron-down-outline</div>
                    <div class="fontclass">#kfb-icon-chevron-down-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-checkmark-square-out"></use>
                    </svg>
                    <div class="name">checkmark-square-out</div>
                    <div class="fontclass">#kfb-icon-checkmark-square-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-chevron-right-outlin"></use>
                    </svg>
                    <div class="name">chevron-right-outlin</div>
                    <div class="fontclass">#kfb-icon-chevron-right-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-chevron-up-outline"></use>
                    </svg>
                    <div class="name">chevron-up-outline</div>
                    <div class="fontclass">#kfb-icon-chevron-up-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-chevron-left-outline"></use>
                    </svg>
                    <div class="name">chevron-left-outline</div>
                    <div class="fontclass">#kfb-icon-chevron-left-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-clipboard-outline"></use>
                    </svg>
                    <div class="name">clipboard-outline</div>
                    <div class="fontclass">#kfb-icon-clipboard-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-close-circle-outline"></use>
                    </svg>
                    <div class="name">close-circle-outline</div>
                    <div class="fontclass">#kfb-icon-close-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-close-outline"></use>
                    </svg>
                    <div class="name">close-outline</div>
                    <div class="fontclass">#kfb-icon-close-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-close-square-outline"></use>
                    </svg>
                    <div class="name">close-square-outline</div>
                    <div class="fontclass">#kfb-icon-close-square-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cloud-download-outli"></use>
                    </svg>
                    <div class="name">cloud-download-outli</div>
                    <div class="fontclass">#kfb-icon-cloud-download-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-code-download-outlin"></use>
                    </svg>
                    <div class="name">code-download-outlin</div>
                    <div class="fontclass">#kfb-icon-code-download-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cloud-upload-outline"></use>
                    </svg>
                    <div class="name">cloud-upload-outline</div>
                    <div class="fontclass">#kfb-icon-cloud-upload-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-code-outline"></use>
                    </svg>
                    <div class="name">code-outline</div>
                    <div class="fontclass">#kfb-icon-code-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-collapse-outline"></use>
                    </svg>
                    <div class="name">collapse-outline</div>
                    <div class="fontclass">#kfb-icon-collapse-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-clock-outline"></use>
                    </svg>
                    <div class="name">clock-outline</div>
                    <div class="fontclass">#kfb-icon-clock-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-color-palette-outlin"></use>
                    </svg>
                    <div class="name">color-palette-outlin</div>
                    <div class="fontclass">#kfb-icon-color-palette-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-color-picker-outline"></use>
                    </svg>
                    <div class="name">color-picker-outline</div>
                    <div class="fontclass">#kfb-icon-color-picker-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-compass-outline"></use>
                    </svg>
                    <div class="name">compass-outline</div>
                    <div class="fontclass">#kfb-icon-compass-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-copy-outline"></use>
                    </svg>
                    <div class="name">copy-outline</div>
                    <div class="fontclass">#kfb-icon-copy-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-down-left-out"></use>
                    </svg>
                    <div class="name">corner-down-left-out</div>
                    <div class="fontclass">#kfb-icon-corner-down-left-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-left-down-out"></use>
                    </svg>
                    <div class="name">corner-left-down-out</div>
                    <div class="fontclass">#kfb-icon-corner-left-down-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-right-down-ou"></use>
                    </svg>
                    <div class="name">corner-right-down-ou</div>
                    <div class="fontclass">#kfb-icon-corner-right-down-ou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-right-up-outl"></use>
                    </svg>
                    <div class="name">corner-right-up-outl</div>
                    <div class="fontclass">#kfb-icon-corner-right-up-outl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-up-left-outli"></use>
                    </svg>
                    <div class="name">corner-up-left-outli</div>
                    <div class="fontclass">#kfb-icon-corner-up-left-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-up-right-outl"></use>
                    </svg>
                    <div class="name">corner-up-right-outl</div>
                    <div class="fontclass">#kfb-icon-corner-up-right-outl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-credit-card-outline"></use>
                    </svg>
                    <div class="name">credit-card-outline</div>
                    <div class="fontclass">#kfb-icon-credit-card-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-left-up-outli"></use>
                    </svg>
                    <div class="name">corner-left-up-outli</div>
                    <div class="fontclass">#kfb-icon-corner-left-up-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-crop-outline"></use>
                    </svg>
                    <div class="name">crop-outline</div>
                    <div class="fontclass">#kfb-icon-crop-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-diagonal-arrow-left-"></use>
                    </svg>
                    <div class="name">diagonal-arrow-left-</div>
                    <div class="fontclass">#kfb-icon-diagonal-arrow-left-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-cube-outline"></use>
                    </svg>
                    <div class="name">cube-outline</div>
                    <div class="fontclass">#kfb-icon-cube-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-diagonal-arrow-left-1"></use>
                    </svg>
                    <div class="name">diagonal-arrow-left-</div>
                    <div class="fontclass">#kfb-icon-diagonal-arrow-left-1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-diagonal-arrow-right"></use>
                    </svg>
                    <div class="name">diagonal-arrow-right</div>
                    <div class="fontclass">#kfb-icon-diagonal-arrow-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-diagonal-arrow-right1"></use>
                    </svg>
                    <div class="name">diagonal-arrow-right</div>
                    <div class="fontclass">#kfb-icon-diagonal-arrow-right1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-download-outline"></use>
                    </svg>
                    <div class="name">download-outline</div>
                    <div class="fontclass">#kfb-icon-download-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-done-all-outline"></use>
                    </svg>
                    <div class="name">done-all-outline</div>
                    <div class="fontclass">#kfb-icon-done-all-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-droplet-off-outline"></use>
                    </svg>
                    <div class="name">droplet-off-outline</div>
                    <div class="fontclass">#kfb-icon-droplet-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-droplet-outline"></use>
                    </svg>
                    <div class="name">droplet-outline</div>
                    <div class="fontclass">#kfb-icon-droplet-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-edit--outline"></use>
                    </svg>
                    <div class="name">edit-2-outline</div>
                    <div class="fontclass">#kfb-icon-edit--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-edit-outline"></use>
                    </svg>
                    <div class="name">edit-outline</div>
                    <div class="fontclass">#kfb-icon-edit-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-email-outline"></use>
                    </svg>
                    <div class="name">email-outline</div>
                    <div class="fontclass">#kfb-icon-email-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-expand-outline"></use>
                    </svg>
                    <div class="name">expand-outline</div>
                    <div class="fontclass">#kfb-icon-expand-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-external-link-outlin"></use>
                    </svg>
                    <div class="name">external-link-outlin</div>
                    <div class="fontclass">#kfb-icon-external-link-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-eye-off-outline"></use>
                    </svg>
                    <div class="name">eye-off-outline</div>
                    <div class="fontclass">#kfb-icon-eye-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-facebook-outline"></use>
                    </svg>
                    <div class="name">facebook-outline</div>
                    <div class="fontclass">#kfb-icon-facebook-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-eye-outline"></use>
                    </svg>
                    <div class="name">eye-outline</div>
                    <div class="fontclass">#kfb-icon-eye-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-file-add-outline"></use>
                    </svg>
                    <div class="name">file-add-outline</div>
                    <div class="fontclass">#kfb-icon-file-add-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-file-text-outline"></use>
                    </svg>
                    <div class="name">file-text-outline</div>
                    <div class="fontclass">#kfb-icon-file-text-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-file-remove-outline"></use>
                    </svg>
                    <div class="name">file-remove-outline</div>
                    <div class="fontclass">#kfb-icon-file-remove-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-file-outline"></use>
                    </svg>
                    <div class="name">file-outline</div>
                    <div class="fontclass">#kfb-icon-file-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-film-outline"></use>
                    </svg>
                    <div class="name">film-outline</div>
                    <div class="fontclass">#kfb-icon-film-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-corner-down-right-ou"></use>
                    </svg>
                    <div class="name">corner-down-right-ou</div>
                    <div class="fontclass">#kfb-icon-corner-down-right-ou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-eye-off--outline"></use>
                    </svg>
                    <div class="name">eye-off-2-outline</div>
                    <div class="fontclass">#kfb-icon-eye-off--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-flag-outline"></use>
                    </svg>
                    <div class="name">flag-outline</div>
                    <div class="fontclass">#kfb-icon-flag-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-flash-off-outline"></use>
                    </svg>
                    <div class="name">flash-off-outline</div>
                    <div class="fontclass">#kfb-icon-flash-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-flip--outline"></use>
                    </svg>
                    <div class="name">flip-2-outline</div>
                    <div class="fontclass">#kfb-icon-flip--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-folder-add-outline"></use>
                    </svg>
                    <div class="name">folder-add-outline</div>
                    <div class="fontclass">#kfb-icon-folder-add-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-flip-outline"></use>
                    </svg>
                    <div class="name">flip-outline</div>
                    <div class="fontclass">#kfb-icon-flip-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-flash-outline"></use>
                    </svg>
                    <div class="name">flash-outline</div>
                    <div class="fontclass">#kfb-icon-flash-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-funnel-outline"></use>
                    </svg>
                    <div class="name">funnel-outline</div>
                    <div class="fontclass">#kfb-icon-funnel-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-folder-remove-outlin"></use>
                    </svg>
                    <div class="name">folder-remove-outlin</div>
                    <div class="fontclass">#kfb-icon-folder-remove-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-folder-outline"></use>
                    </svg>
                    <div class="name">folder-outline</div>
                    <div class="fontclass">#kfb-icon-folder-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-gift-outline"></use>
                    </svg>
                    <div class="name">gift-outline</div>
                    <div class="fontclass">#kfb-icon-gift-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-globe--outline"></use>
                    </svg>
                    <div class="name">globe-2-outline</div>
                    <div class="fontclass">#kfb-icon-globe--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-github-outline"></use>
                    </svg>
                    <div class="name">github-outline</div>
                    <div class="fontclass">#kfb-icon-github-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-google-outline"></use>
                    </svg>
                    <div class="name">google-outline</div>
                    <div class="fontclass">#kfb-icon-google-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-globe-outline"></use>
                    </svg>
                    <div class="name">globe-outline</div>
                    <div class="fontclass">#kfb-icon-globe-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-grid-outline"></use>
                    </svg>
                    <div class="name">grid-outline</div>
                    <div class="fontclass">#kfb-icon-grid-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-hard-drive-outline"></use>
                    </svg>
                    <div class="name">hard-drive-outline</div>
                    <div class="fontclass">#kfb-icon-hard-drive-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-hash-outline"></use>
                    </svg>
                    <div class="name">hash-outline</div>
                    <div class="fontclass">#kfb-icon-hash-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-headphones-outline"></use>
                    </svg>
                    <div class="name">headphones-outline</div>
                    <div class="fontclass">#kfb-icon-headphones-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-home-outline"></use>
                    </svg>
                    <div class="name">home-outline</div>
                    <div class="fontclass">#kfb-icon-home-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-image-outline"></use>
                    </svg>
                    <div class="name">image-outline</div>
                    <div class="fontclass">#kfb-icon-image-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-heart-outline"></use>
                    </svg>
                    <div class="name">heart-outline</div>
                    <div class="fontclass">#kfb-icon-heart-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-inbox-outline"></use>
                    </svg>
                    <div class="name">inbox-outline</div>
                    <div class="fontclass">#kfb-icon-inbox-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-layers-outline"></use>
                    </svg>
                    <div class="name">layers-outline</div>
                    <div class="fontclass">#kfb-icon-layers-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-keypad-outline"></use>
                    </svg>
                    <div class="name">keypad-outline</div>
                    <div class="fontclass">#kfb-icon-keypad-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-layout-outline"></use>
                    </svg>
                    <div class="name">layout-outline</div>
                    <div class="fontclass">#kfb-icon-layout-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-link--outline"></use>
                    </svg>
                    <div class="name">link-2-outline</div>
                    <div class="fontclass">#kfb-icon-link--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-link-outline"></use>
                    </svg>
                    <div class="name">link-outline</div>
                    <div class="fontclass">#kfb-icon-link-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-linkedin-outline"></use>
                    </svg>
                    <div class="name">linkedin-outline</div>
                    <div class="fontclass">#kfb-icon-linkedin-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-list-outline"></use>
                    </svg>
                    <div class="name">list-outline</div>
                    <div class="fontclass">#kfb-icon-list-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-log-in-outline"></use>
                    </svg>
                    <div class="name">log-in-outline</div>
                    <div class="fontclass">#kfb-icon-log-in-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-lock-outline"></use>
                    </svg>
                    <div class="name">lock-outline</div>
                    <div class="fontclass">#kfb-icon-lock-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-loader-outline"></use>
                    </svg>
                    <div class="name">loader-outline</div>
                    <div class="fontclass">#kfb-icon-loader-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-log-out-outline"></use>
                    </svg>
                    <div class="name">log-out-outline</div>
                    <div class="fontclass">#kfb-icon-log-out-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-map-outline"></use>
                    </svg>
                    <div class="name">map-outline</div>
                    <div class="fontclass">#kfb-icon-map-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-maximize-outline"></use>
                    </svg>
                    <div class="name">maximize-outline</div>
                    <div class="fontclass">#kfb-icon-maximize-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-menu-arrow-outline"></use>
                    </svg>
                    <div class="name">menu-arrow-outline</div>
                    <div class="fontclass">#kfb-icon-menu-arrow-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-menu--outline"></use>
                    </svg>
                    <div class="name">menu-2-outline</div>
                    <div class="fontclass">#kfb-icon-menu--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-menu-outline"></use>
                    </svg>
                    <div class="name">menu-outline</div>
                    <div class="fontclass">#kfb-icon-menu-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-message-circle-outli"></use>
                    </svg>
                    <div class="name">message-circle-outli</div>
                    <div class="fontclass">#kfb-icon-message-circle-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-mic-outline"></use>
                    </svg>
                    <div class="name">mic-outline</div>
                    <div class="fontclass">#kfb-icon-mic-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-message-square-outli"></use>
                    </svg>
                    <div class="name">message-square-outli</div>
                    <div class="fontclass">#kfb-icon-message-square-outli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-mic-off-outline"></use>
                    </svg>
                    <div class="name">mic-off-outline</div>
                    <div class="fontclass">#kfb-icon-mic-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-info-outline"></use>
                    </svg>
                    <div class="name">info-outline</div>
                    <div class="fontclass">#kfb-icon-info-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-minimize-outline"></use>
                    </svg>
                    <div class="name">minimize-outline</div>
                    <div class="fontclass">#kfb-icon-minimize-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-minus-circle-outline"></use>
                    </svg>
                    <div class="name">minus-circle-outline</div>
                    <div class="fontclass">#kfb-icon-minus-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-monitor-outline"></use>
                    </svg>
                    <div class="name">monitor-outline</div>
                    <div class="fontclass">#kfb-icon-monitor-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-moon-outline"></use>
                    </svg>
                    <div class="name">moon-outline</div>
                    <div class="fontclass">#kfb-icon-moon-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-minus-outline"></use>
                    </svg>
                    <div class="name">minus-outline</div>
                    <div class="fontclass">#kfb-icon-minus-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-minus-square-outline"></use>
                    </svg>
                    <div class="name">minus-square-outline</div>
                    <div class="fontclass">#kfb-icon-minus-square-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-more-horizontal-outl"></use>
                    </svg>
                    <div class="name">more-horizontal-outl</div>
                    <div class="fontclass">#kfb-icon-more-horizontal-outl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-more-vertical-outlin"></use>
                    </svg>
                    <div class="name">more-vertical-outlin</div>
                    <div class="fontclass">#kfb-icon-more-vertical-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-move-outline"></use>
                    </svg>
                    <div class="name">move-outline</div>
                    <div class="fontclass">#kfb-icon-move-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-navigation-outline"></use>
                    </svg>
                    <div class="name">navigation-outline</div>
                    <div class="fontclass">#kfb-icon-navigation-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-navigation--outline"></use>
                    </svg>
                    <div class="name">navigation-2-outline</div>
                    <div class="fontclass">#kfb-icon-navigation--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-music-outline"></use>
                    </svg>
                    <div class="name">music-outline</div>
                    <div class="fontclass">#kfb-icon-music-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-options--outline"></use>
                    </svg>
                    <div class="name">options-2-outline</div>
                    <div class="fontclass">#kfb-icon-options--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-npm-outline"></use>
                    </svg>
                    <div class="name">npm-outline</div>
                    <div class="fontclass">#kfb-icon-npm-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-options-outline"></use>
                    </svg>
                    <div class="name">options-outline</div>
                    <div class="fontclass">#kfb-icon-options-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-pantone-outline"></use>
                    </svg>
                    <div class="name">pantone-outline</div>
                    <div class="fontclass">#kfb-icon-pantone-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-paper-plane-outline"></use>
                    </svg>
                    <div class="name">paper-plane-outline</div>
                    <div class="fontclass">#kfb-icon-paper-plane-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-pause-circle-outline"></use>
                    </svg>
                    <div class="name">pause-circle-outline</div>
                    <div class="fontclass">#kfb-icon-pause-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-percent-outline"></use>
                    </svg>
                    <div class="name">percent-outline</div>
                    <div class="fontclass">#kfb-icon-percent-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-people-outline"></use>
                    </svg>
                    <div class="name">people-outline</div>
                    <div class="fontclass">#kfb-icon-people-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-person-add-outline"></use>
                    </svg>
                    <div class="name">person-add-outline</div>
                    <div class="fontclass">#kfb-icon-person-add-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-person-done-outline"></use>
                    </svg>
                    <div class="name">person-done-outline</div>
                    <div class="fontclass">#kfb-icon-person-done-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-person-delete-outlin"></use>
                    </svg>
                    <div class="name">person-delete-outlin</div>
                    <div class="fontclass">#kfb-icon-person-delete-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-person-outline"></use>
                    </svg>
                    <div class="name">person-outline</div>
                    <div class="fontclass">#kfb-icon-person-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-person-remove-outlin"></use>
                    </svg>
                    <div class="name">person-remove-outlin</div>
                    <div class="fontclass">#kfb-icon-person-remove-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-phone-call-outline"></use>
                    </svg>
                    <div class="name">phone-call-outline</div>
                    <div class="fontclass">#kfb-icon-phone-call-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-phone-missed-outline"></use>
                    </svg>
                    <div class="name">phone-missed-outline</div>
                    <div class="fontclass">#kfb-icon-phone-missed-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-phone-outline"></use>
                    </svg>
                    <div class="name">phone-outline</div>
                    <div class="fontclass">#kfb-icon-phone-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-phone-off-outline"></use>
                    </svg>
                    <div class="name">phone-off-outline</div>
                    <div class="fontclass">#kfb-icon-phone-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-pie-chart-outline"></use>
                    </svg>
                    <div class="name">pie-chart-outline</div>
                    <div class="fontclass">#kfb-icon-pie-chart-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-play-circle-outline"></use>
                    </svg>
                    <div class="name">play-circle-outline</div>
                    <div class="fontclass">#kfb-icon-play-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-plus-circle-outline"></use>
                    </svg>
                    <div class="name">plus-circle-outline</div>
                    <div class="fontclass">#kfb-icon-plus-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-pin-outline"></use>
                    </svg>
                    <div class="name">pin-outline</div>
                    <div class="fontclass">#kfb-icon-pin-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-plus-square-outline"></use>
                    </svg>
                    <div class="name">plus-square-outline</div>
                    <div class="fontclass">#kfb-icon-plus-square-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-power-outline"></use>
                    </svg>
                    <div class="name">power-outline</div>
                    <div class="fontclass">#kfb-icon-power-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-pricetags-outline"></use>
                    </svg>
                    <div class="name">pricetags-outline</div>
                    <div class="fontclass">#kfb-icon-pricetags-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-plus-outline"></use>
                    </svg>
                    <div class="name">plus-outline</div>
                    <div class="fontclass">#kfb-icon-plus-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-question-mark-circle"></use>
                    </svg>
                    <div class="name">question-mark-circle</div>
                    <div class="fontclass">#kfb-icon-question-mark-circle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-printer-outline"></use>
                    </svg>
                    <div class="name">printer-outline</div>
                    <div class="fontclass">#kfb-icon-printer-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-question-mark-outlin"></use>
                    </svg>
                    <div class="name">question-mark-outlin</div>
                    <div class="fontclass">#kfb-icon-question-mark-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-radio-button-off-out"></use>
                    </svg>
                    <div class="name">radio-button-off-out</div>
                    <div class="fontclass">#kfb-icon-radio-button-off-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-radio-button-on-outl"></use>
                    </svg>
                    <div class="name">radio-button-on-outl</div>
                    <div class="fontclass">#kfb-icon-radio-button-on-outl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-recording-outline"></use>
                    </svg>
                    <div class="name">recording-outline</div>
                    <div class="fontclass">#kfb-icon-recording-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-refresh-outline"></use>
                    </svg>
                    <div class="name">refresh-outline</div>
                    <div class="fontclass">#kfb-icon-refresh-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-repeat-outline"></use>
                    </svg>
                    <div class="name">repeat-outline</div>
                    <div class="fontclass">#kfb-icon-repeat-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-rewind-left-outline"></use>
                    </svg>
                    <div class="name">rewind-left-outline</div>
                    <div class="fontclass">#kfb-icon-rewind-left-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-save-outline"></use>
                    </svg>
                    <div class="name">save-outline</div>
                    <div class="fontclass">#kfb-icon-save-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-rewind-right-outline"></use>
                    </svg>
                    <div class="name">rewind-right-outline</div>
                    <div class="fontclass">#kfb-icon-rewind-right-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-scissors-outline"></use>
                    </svg>
                    <div class="name">scissors-outline</div>
                    <div class="fontclass">#kfb-icon-scissors-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-radio-outline"></use>
                    </svg>
                    <div class="name">radio-outline</div>
                    <div class="fontclass">#kfb-icon-radio-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-search-outline"></use>
                    </svg>
                    <div class="name">search-outline</div>
                    <div class="fontclass">#kfb-icon-search-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-settings--outline"></use>
                    </svg>
                    <div class="name">settings-2-outline</div>
                    <div class="fontclass">#kfb-icon-settings--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shake-outline"></use>
                    </svg>
                    <div class="name">shake-outline</div>
                    <div class="fontclass">#kfb-icon-shake-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-share-outline"></use>
                    </svg>
                    <div class="name">share-outline</div>
                    <div class="fontclass">#kfb-icon-share-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-settings-outline"></use>
                    </svg>
                    <div class="name">settings-outline</div>
                    <div class="fontclass">#kfb-icon-settings-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shield-off-outline"></use>
                    </svg>
                    <div class="name">shield-off-outline</div>
                    <div class="fontclass">#kfb-icon-shield-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shield-outline"></use>
                    </svg>
                    <div class="name">shield-outline</div>
                    <div class="fontclass">#kfb-icon-shield-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shopping-bag-outline"></use>
                    </svg>
                    <div class="name">shopping-bag-outline</div>
                    <div class="fontclass">#kfb-icon-shopping-bag-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shuffle--outline"></use>
                    </svg>
                    <div class="name">shuffle-2-outline</div>
                    <div class="fontclass">#kfb-icon-shuffle--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shopping-cart-outlin"></use>
                    </svg>
                    <div class="name">shopping-cart-outlin</div>
                    <div class="fontclass">#kfb-icon-shopping-cart-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-skip-back-outline"></use>
                    </svg>
                    <div class="name">skip-back-outline</div>
                    <div class="fontclass">#kfb-icon-skip-back-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-skip-forward-outline"></use>
                    </svg>
                    <div class="name">skip-forward-outline</div>
                    <div class="fontclass">#kfb-icon-skip-forward-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-shuffle-outline"></use>
                    </svg>
                    <div class="name">shuffle-outline</div>
                    <div class="fontclass">#kfb-icon-shuffle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-slash-outline"></use>
                    </svg>
                    <div class="name">slash-outline</div>
                    <div class="fontclass">#kfb-icon-slash-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-smartphone-outline"></use>
                    </svg>
                    <div class="name">smartphone-outline</div>
                    <div class="fontclass">#kfb-icon-smartphone-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-square-outline"></use>
                    </svg>
                    <div class="name">square-outline</div>
                    <div class="fontclass">#kfb-icon-square-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-speaker-outline"></use>
                    </svg>
                    <div class="name">speaker-outline</div>
                    <div class="fontclass">#kfb-icon-speaker-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-stop-circle-outline"></use>
                    </svg>
                    <div class="name">stop-circle-outline</div>
                    <div class="fontclass">#kfb-icon-stop-circle-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-star-outline"></use>
                    </svg>
                    <div class="name">star-outline</div>
                    <div class="fontclass">#kfb-icon-star-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-sun-outline"></use>
                    </svg>
                    <div class="name">sun-outline</div>
                    <div class="fontclass">#kfb-icon-sun-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-text-outline"></use>
                    </svg>
                    <div class="name">text-outline</div>
                    <div class="fontclass">#kfb-icon-text-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-thermometer-outline"></use>
                    </svg>
                    <div class="name">thermometer-outline</div>
                    <div class="fontclass">#kfb-icon-thermometer-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-sync-outline"></use>
                    </svg>
                    <div class="name">sync-outline</div>
                    <div class="fontclass">#kfb-icon-sync-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-swap-outline"></use>
                    </svg>
                    <div class="name">swap-outline</div>
                    <div class="fontclass">#kfb-icon-swap-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-thermometer-minus-ou"></use>
                    </svg>
                    <div class="name">thermometer-minus-ou</div>
                    <div class="fontclass">#kfb-icon-thermometer-minus-ou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-thermometer-plus-out"></use>
                    </svg>
                    <div class="name">thermometer-plus-out</div>
                    <div class="fontclass">#kfb-icon-thermometer-plus-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-toggle-left-outline"></use>
                    </svg>
                    <div class="name">toggle-left-outline</div>
                    <div class="fontclass">#kfb-icon-toggle-left-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-trash--outline"></use>
                    </svg>
                    <div class="name">trash-2-outline</div>
                    <div class="fontclass">#kfb-icon-trash--outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-toggle-right-outline"></use>
                    </svg>
                    <div class="name">toggle-right-outline</div>
                    <div class="fontclass">#kfb-icon-toggle-right-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-trash-outline"></use>
                    </svg>
                    <div class="name">trash-outline</div>
                    <div class="fontclass">#kfb-icon-trash-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-trending-down-outlin"></use>
                    </svg>
                    <div class="name">trending-down-outlin</div>
                    <div class="fontclass">#kfb-icon-trending-down-outlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-tv-outline"></use>
                    </svg>
                    <div class="name">tv-outline</div>
                    <div class="fontclass">#kfb-icon-tv-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-trending-up-outline"></use>
                    </svg>
                    <div class="name">trending-up-outline</div>
                    <div class="fontclass">#kfb-icon-trending-up-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-umbrella-outline"></use>
                    </svg>
                    <div class="name">umbrella-outline</div>
                    <div class="fontclass">#kfb-icon-umbrella-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-twitter-outline"></use>
                    </svg>
                    <div class="name">twitter-outline</div>
                    <div class="fontclass">#kfb-icon-twitter-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-unlock-outline"></use>
                    </svg>
                    <div class="name">unlock-outline</div>
                    <div class="fontclass">#kfb-icon-unlock-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-undo-outline"></use>
                    </svg>
                    <div class="name">undo-outline</div>
                    <div class="fontclass">#kfb-icon-undo-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-upload-outline"></use>
                    </svg>
                    <div class="name">upload-outline</div>
                    <div class="fontclass">#kfb-icon-upload-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-video-outline"></use>
                    </svg>
                    <div class="name">video-outline</div>
                    <div class="fontclass">#kfb-icon-video-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-video-off-outline"></use>
                    </svg>
                    <div class="name">video-off-outline</div>
                    <div class="fontclass">#kfb-icon-video-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-volume-down-outline"></use>
                    </svg>
                    <div class="name">volume-down-outline</div>
                    <div class="fontclass">#kfb-icon-volume-down-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-volume-mute-outline"></use>
                    </svg>
                    <div class="name">volume-mute-outline</div>
                    <div class="fontclass">#kfb-icon-volume-mute-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-volume-up-outline"></use>
                    </svg>
                    <div class="name">volume-up-outline</div>
                    <div class="fontclass">#kfb-icon-volume-up-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wifi-outline"></use>
                    </svg>
                    <div class="name">wifi-outline</div>
                    <div class="fontclass">#kfb-icon-wifi-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-wifi-off-outline"></use>
                    </svg>
                    <div class="name">wifi-off-outline</div>
                    <div class="fontclass">#kfb-icon-wifi-off-outline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#kfb-icon-volume-off-outline"></use>
                    </svg>
                    <div class="name">volume-off-outline</div>
                    <div class="fontclass">#kfb-icon-volume-off-outline</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#kfb-icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
